<!-- 没有权限页 -->
<template>
  <div class="img_wrepper">
    <div class="btn-wrepper">
      <q-btn
        class="borderRadius"
        unelevated
        padding="8px 8px 7px"
        label="去重新登录"
        style="width: 200px;border:1px solid grey;box-shadow:1px 1px 5px black;color:black;font-weight:bold;"
        @click="toHome"
      />
      <q-btn
        class="borderRadius q-ml-md goback"
        unelevated
        padding="8px 8px 7px"
        label="返回上一页"
        style="width: 200px;border:1px solid grey;box-shadow:1px 1px 5px black;color:black;font-weight:bold;"
        @click="goBack"
      />
    </div>
</div>
</template>

<script>
export default {
  data () {
    return {
    };
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {
    async toHome() {
      await this.$store.dispatch('login/logoutFun')
      this.$router.push('/login')
      this.$store.commit('app/SET_VISITED_VIEWS') //  清空可见tab标签
    },
    goBack(){
      this.$router.go(-2)
    },
  }
}

</script>
<style lang='scss' scoped>
.img_wrepper {
  width: 100vw;
  height: 100vh;
  // background: url("../../assets/productionE/none.png");
  background: url("../../assets/productionE/none.jpg");
  background-size: 110% 100%;
  background-repeat: no-repeat;
  position: relative;
  .btn-wrepper {
    position: absolute;
    top: 70%;
    left: 55%;
    transform: translateX(-50%);
  }
}
@media (max-width: 930px) {
  .goback{
    margin-left: 0px!important;
    margin-top:10px;
  }
}
</style>
